<div class="form_container">
    <div class="field-row" style="height: 35px;">
	    <div class="field-label" style="height: 35px;">
	        {translate}Medicine name{/translate}
	    </div>
	    <div class="field-value add-patient-label" style="height: 35px;">
	        <input type="text" id="medicine_name" style="margin-left: 5px; width: 250px" onkeydown="doSearch(event);" >&nbsp;
	    </div>
	    <div class="field-value add-patient-value" style="height: 35px; margin-left: 50px;">
	        <div id="search_button">
			    <a href="javascript:listMedicine();" title="{translate}List of medicines{/translate}">
			        <img src="{$base_uri}/images/search.png" alt="{translate}List{/translate}" />
			    </a>
			</div>
	        <div style="display:none;">
	            <img src="{$base_uri}images/ajax-loader.gif"/>
	        </div>
	    </div>
	    <div style="clear: both;"></div>
    </div>
</div>

<div id="medicine_container" style="display:none; margin-top: 10px; height: 270px; width: 100% ; overflow: auto;">    
    <table id="medicine_list" cellspacing="0" cellpadding="0" class="grid" width="100%">
        <thead>
            <tr>
                <th class="first">{translate}Order number{/translate}</th>
                <th>{translate}Medicine name{/translate}</th>                
                <th>{translate}Generic name{/translate}</th>
                <th>{translate}Unit{/translate}</th>
                <th>{translate}Usage{/translate}</th>    
				<th class="last">&nbsp;</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>
